<template>
  <div ref="charts15" :style="{width: '100%', height: '400px'}"></div>
</template>

<script>
    export default {
        data() {
            return {
                msg: ''
            }
        },
        mounted() {
            this.drawLine();
        },
        methods: {
            drawLine() {
                // 基于准备好的dom，初始化echarts实例
                let pieid = this.$echarts.init(this.$refs.charts15);
                // 绘制图表
                pieid.setOption(
                    {
                      tooltip: {},
                      legend: {
                        data: []
                      },
                      radar: {
                        // shape: 'circle',
                        name: {
                          textStyle: {
                            color: '#fff',
                            backgroundColor: '#999',
                            borderRadius: 3,
                            padding: [3, 5]
                          }
                        },
                        indicator: [
                          { name: '影响力', max: 6500},
                          { name: '内容偏好', max: 16000},
                          { name: '渠道偏好', max: 30000},
                          { name: '医生潜力', max: 38000},
                          { name: '合作意愿', max: 52000},
                          { name: '学术水平', max: 25000}
                        ]
                      },
                      series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data : [
                          {
                            value : [4300, 10000, 28000, 35000, 50000, 19000],
                            name : '个人得分'
                          },
                          {
                            value : [5000, 14000, 28000, 31000, 42000, 21000],
                            name : '平均得分'
                          }
                        ]
                      }]
                }
                );
            }
        }
    }
</script>

<style scoped>

</style>
